  <section class="hero is-success">
    <div class="hero-body">
      <div class="container has-text-centered">
        <div class="column is-4 is-offset-4">
          <h3 class="title has-text-black">Login</h3>
          <div class="box">
            <form action="javascript:void(0)">
              <div class="field">
                <div class="control">
                  <input id="edtEmail"
                         class="input is-large"
                         type="email"
                         placeholder="Your Email"
                         autofocus="">
                </div>
              </div>
              <div class="field">
                <div class="control">
                  <input id="edtPassword"
                         class="input is-large"
                         type="password"
                         placeholder="Your Password">
                </div>
              </div>
              <button id="btnDoLogin"
                      class="button is-block is-info is-large is-fullwidth">
                Login <i class="fa fa-sign-in"
                         aria-hidden="true"></i>
              </button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
